/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin:  0;
	padding: 0;
	border:  0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

img {
	-ms-interpolation-mode: bicubic;
}

a img {
	border: 0;
}

q:lang(de) {
  quotes: '„' '“' '‚' '‘';
}

q:lang(en) {
  quotes: '“' '”' "‘" "’";
}

.clear {
	clear: both; display: block; overflow: hidden; visibility: hidden;
	width: 0; height: 0;
}

.clearfix:after {
	clear:both; content:' '; display:block; font-size:0; line-height:0;
	visibility:hidden; width:0; height:0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
a.short_content{min-height:70px; display:block}
a.short_content:hover{background-color:#EFEFEF}


#recentcomments{}
#popularthreads{}

/*	Typography presets
	------------------	*/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

body {
	font: 14px/22px 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}

.gigantic      { font-size:  40px; line-height:  52px;                           letter-spacing: -2px; }
.huge,   h1    { font-size:  34px; line-height:  44px;                           letter-spacing: -1px; }
.large,  h2    { font-size:  25px; line-height:  36px; margin:  5px 0px 5px 0px;                      }
.bigger, h3    { font-size:  22px; line-height:  30px; margin: 5px 0px  5px 0px;                      }
.big,    h4    { font-size:  14px; line-height:  26px; margin: 5px 0px  5px 0px; font-weight: bold;   }
.normal, p     { font-size:  14px; line-height:  22px; margin:  0px 0px 5px 0px;                      }
.small,  small { font-size:  12px; line-height:  16px;                                                 }

blockquote {
	color: #666;
	border-left: 3px solid #dedede;
	margin: 15px 0px 20px 0px;
	padding: 0px 17px 0px 15px;
}

.align-left,    .alignleft    { text-align: left    }
.align-center,  .aligncenter  { text-align: center  }
.align-right,   .alignright   { text-align: right   }
.align-justify, .alignjustify { text-align: justify }

.align-left,  .floatleft  { float: left }
.align-right, .floatright { float: right }
.align-none,  .floatnone  { float: none }

.invisible    { display: none }
.normal       { font-style:  normal; font-weight: normal }
.italic       { font-style:  italic                      }
.bold         { font-weight: bold                        }
.underline    { text-decoration: underline               }
.line-through { text-decoration: line-through            }

.error {
	text-align: center;
	color: #999;
	text-shadow: 2px 2px 2px #fff;
}

.info {
	padding: 0px;
	margin:  0px;
	font-size:   12px;
	line-height: 44px;
	font-weight: bold;
	text-align: center;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	border-top: 1px solid #bbb;
	background-color: #ccc;
	background: #ccc -webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.6, #ccc), to(#aaa));
	background: #ccc -moz-linear-gradient(top, #ccc 0%, #aaa 100%);
	background: #ccc linear-gradient(top, #ccc 0%, #aaa 100%);
}

.info a, .info a:link, .info a:visited, .info a:hover, .info a:focus, .info a:active {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	-webkit-transition: none;
}

.info a:hover, .info a:focus, .info a:active {
	color: #555;
}

/* Selection colours (easy to forget) */

::selection 	 	{ background: #7f1947;     color:#fff; }
::-moz-selection 	{ background: #7f1947;     color:#fff; }
img::selection 		{ background: transparent; color:#000; }
img::-moz-selection { background: transparent; color:#000; }
body      { -webkit-tap-highlight-color: #7f1947; }



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */



/* advertisement */

.advertisement {
	
}

.advertisement p {
	font-size: 10px;
	line-height: 0px;
}

.advertisement-skyscraper {
	position: relative;
	width: 160px;
	height: 600px;
	margin-bottom: -600px;
	top: 0px;
	left: -190px; /*160+30*/
}

.advertisement-normal {
	margin: 22px 0px 60px 44px;
}

.advertisement-mobile {
	display: none;
}




/* hidden */

.skip { display:none; }




/* common */

body {
	background: #F4F4F4 ;
	color: #3c3c3c;
}

a, a:link, a:visited, a:hover, a:focus, a:active {
	color: #3D3D3D;
	background-color: transparent;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
}

a:hover, a:focus, a:active {
	color: #5D5D5D;
}

ul, ol {
	margin-left: 2em;
	margin-bottom: 22px;
}



/* design */
.header-bg, .content-bg, .footer-bg {
}

.header-bg {
	padding-bottom:10px;
	margin-bottom:10px;
	background: #131313;
}
.content-bg {
	background:#F4F4F4;
	padding: 0px 0 10px 0;
	
}

.footer-bg {
	border-top: 1px solid #ccc;
	padding: 5px 0px 5px 0px;
}

#header-main, #footer-main, #content {
	width: 660px; /* 768 - padding 0 10 0 10 */
	margin: 0px auto;
}

#header-main {margin-bottom:5px;}
#header-main a{ color:#CCCCCC}

#content {
	background:#F4F4F4 ;
}

img {
	max-width: 600px; height:auto
}

#footer-main {
	
}

html.ie body {
	text-align: center;
}

html.ie #header-main, html.ie #footer-main, html.ie #content {
	text-align: left;
}



/* header:content */

#logo-img {
	width:  128px;
	height: 128px;
	visibility: hidden;
	line-height: 0;
	-webkit-tap-highlight-color: transparent;
}

#logo {
	position: relative;
	z-index: 50;
	width:  128px;
	height: 128px;
	display: block;
	float: left;
	margin: 15px 10px 0px 10px;
	background: url(./images/logo.png) no-repeat 0px 0px;
	-webkit-background-size: 100% 100%;
	-chrome-background-size: 100% 100%;
	-khtml-background-size:  100% 100%;
	-moz-background-size:    100% 100%;
	-ms-background-size:     100% 100%;
	-o-background-size:      100% 100%;
	background-size:         100% 100%;
	-webkit-transition-duration: .3s;
	-webkit-tap-highlight-color: transparent;
}

html.ie6 #logo,
html.ie7 #logo,
html.ie8 #logo {
	background: url(./images/logo-128.png) no-repeat 0px 0px;
}

#logo:hover {
	-webkit-transform: scale(1.00) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg); transform-origin: 50% 50%;
	-webkit-transition-duration: .3s;
}

#header-main ul {
	list-style-type: none;
	margin: 0px;
	float:right;
	width:100%;
}

#header-main ul li {
	margin-left: 0px; float:right; padding: 0 5px 0 0;
}

#header-main ul li a, #header-main ul li a:link, 
#header-main ul li a:visited, #header-main ul li a:hover, 
#header-main ul li a:active, #header-main ul li a:focus {
	display: block;
	color: #fff;
	background: transparent;
	padding-left: 5px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 22px;
	-webkit-transition: none;
	-webkit-transition: all 0.4s ease-in-out;
	-webkit-tap-highlight-color: transparent;
}

#header-main ul li a:hover, #header-main ul li a:active, 
#header-main ul li a:focus {
	background: #fff;
	color: #4f152e;
	-webkit-transition: all 0.1s ease-in-out;
}



/* header:search */

#searchform {
	position: relative;
	z-index: 30;
	position: relative;
	text-align: right;
	padding: 15px 20px 0px 0px;
}

#searchform fieldset legend {
	display: none;
}

#searchform fieldset input[type="search"],
#searchform fieldset input[type="text"] {
	-webkit-appearance: none;
	background: #fff url(./icons/searchform-dark.png) no-repeat -7px 0px;
	color: #333;
	border: 1px solid #ccc;
	padding: 5px 0px 5px 22px;
	width: 16em;
	-webkit-border-radius: 5px 5px 5px 5px;
	-chrome-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius:  5px 5px 5px 5px;
	-moz-border-radius:    5px 5px 5px 5px;
	-ms-border-radius:     5px 5px 5px 5px;
	-o-border-radius:      5px 5px 5px 5px;
	border-radius:         5px 5px 5px 5px;
}

#searchform fieldset input[type="submit"] {
	display: none;
}



/* footer:content */

#footer-main {
	font-size: 14px;
	line-height: 18px;
}

div.footer-social {
	float: right;
}

div.footer-links { float:left}

div.footer-copyright {
	margin-top: 5px;
	font-size: 12px;
	text-align:right
}

div.footer-credits {
	font-size: 12px;
	margin-top: -12px;
}

div.footer-credits a, div.footer-credits a:link, div.footer-credits a:visited {
	color: #4c4c4c;
	font-weight: bold;
}

div.footer-credits a:hover, div.footer-credits a:active, div.footer-credits a:focus {
	color: #111;
	text-decoration: underline;
}

div.mobile-top a {
	display: block;
	margin: 20px auto;
	width: 30px;
	height: 30px;
}

div.mobile-top a span {
	display: none;
}

div.mobile-top {
	display: none;
}



/* content:common */

#content article, div#respond, ol.commentlist {
	padding: 10px;
	width: 640px;
	background: #fff;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-chrome-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-khtml-box-shadow:  0px 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow:    0px 1px 3px rgba(0,0,0, .4);
	-ms-box-shadow:     0px 1px 3px rgba(0,0,0, .4);
	-o-box-shadow:      0px 1px 3px rgba(0,0,0, .4);
	box-shadow:         0px 1px 3px rgba(0,0,0, .4);
}

a.more-link, a.more-link:link, a.more-link:visited, 
a.more-link:hover, a.more-link:active, a.more-link:focus {
	color: #4f1730;
	background-color: transparent;
	text-decoration: none;
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 5px 10px;
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	-webkit-transition: all 0.3s ease-in-out;
}

a.more-link:hover, a.more-link:active, a.more-link:focus {
	background: #4f1730;
	color: #fff;
	border: 1px solid #dadada;
	-webkit-transition: all 0.3s ease-in-out;
}

#content article.page {
	width: 666px;
	padding-bottom: 30px;
	margin-bottom: 0px;
}

#content article.page header {
	margin-bottom: 18px;
}

#content article div {
	min-height: 180px;
}

#content article footer {
	position: relative;
	top: 56px;
	color: #333;
}

#content article footer p {
	font-size: 12px;
	line-height: 18px;
	height: 36px;
}

address {
	font-style: normal;
}

address strong {
	display: block;
	width: 5em;
	text-align: right;
	margin-right: 1em;
}

address span {
	display: block;

	position: relative;
	top: -22px;
	left: 6em;
	margin-bottom: -22px;
}

ul.archive {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	-webkit-column-rule: none;
	-moz-column-rule: none;
	margin-left: 1em;
}

ul.archive li {
	display: block;
}

ul.archive li:before {
	content: "• ";
}

.wp-smiley {
	line-height: 22px;
}



/* content:sidebar */

html.ie p.social a {
	filter: alpha(opacity = 50); /* IE 5-7 hack */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 hack */
}

html.ie p.social a:hover, html.ie p.social a:active, html.ie p.social a:focus {
	filter: alpha(opacity = 100); /* IE 5-7 hack */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */
}

p.social {
	background: rgb(0,0,0);
	background: rgba(0,0,0, .8);
	border: none;
	width:   40px;
	height: 200px;
	padding: 10px;
	margin-bottom: -230px;
	position: relative;
	z-index: 10;
	top:    0px;
	left: 643px;
	-webkit-border-radius: 0px 10px 10px 0px;
	-chrome-border-radius: 0px 10px 10px 0px;
	-khtml-border-radius:  0px 10px 10px 0px;
	-moz-border-radius:    0px 10px 10px 0px;
	-ms-border-radius:     0px 10px 10px 0px;
	-o-border-radius:      0px 10px 10px 0px;
	border-radius:         0px 10px 10px 0px;
}

p.social a, p.social a:link, 
p.social a:visited, p.social a:hover,
p.social a:active, p.social a:focus {
	display: block;
	width:  40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-tap-highlight-color: transparent;
}

p.social a:hover, p.social a:active, p.social a:focus {
	opacity: 1;
}

p.social a span {
	display: none;
}

p.social a.heart      { background: url(images/sprite-social.png) no-repeat    0px 0px; }
p.social a.bookmark   { background: url(images/sprite-social.png) no-repeat  -40px 0px; }
p.social a.facebook   { background: url(images/sprite-social.png) no-repeat  -80px 0px; }
p.social a.twitter    { background: url(images/sprite-social.png) no-repeat -120px 0px; }
p.social a.respond    { background: url(images/sprite-social.png) no-repeat -160px 0px; }

/*p.social a.googleplus { background: url(images/sprite-social.png) no-repeat -200px 0px; }*/
/* hide google +1 button */
/*p.social a.googleplus div {
	opacity: 1;
} p.social a.googleplus div iframe {
	margin: 9px 0px 0px 4px;
}*/

p.social div iframe {
	opacity: 0.5;
	margin: 9px 0px 0px 4px;
}

p.social div iframe:hover, p.social div iframe:active, p.social div iframe:focus {
	opacity: 1;
}



span.heart-thankyou {
	display: none;
	opacity: 1 !important;
	width: 64px;
	height: 24px;
	line-height: 24px;
	position: relative;
	top: -60px;
	left: -13px;
	margin-bottom: -24px;
	z-index: 100;
	text-align: center;
	background-color: #111;
	color: #ff3eb0;
	font-size: 11px;
	line-height: 24px;
	-webkit-border-radius: 3px;
	-chrome-border-radius: 3px;
	-khtml-border-radius:  3px;
	-moz-border-radius:    3px;
	-ms-border-radius:     3px;
	-o-border-radius:      3px;
	border-radius:         3px;
}



/* content:pagination */

#pagination {
	margin: 10px auto;
	background: rgb(34,34,34);
	background: rgba(34,34,34, .9);
	color: #222;
	padding: 0px 20px 0px 20px;
	width: 102px;
	height: 30px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-chrome-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius:  10px 10px 10px 10px;
	-moz-border-radius:    10px 10px 10px 10px;
	-ms-border-radius:     10px 10px 10px 10px;
	-o-border-radius:      10px 10px 10px 10px;
	border-radius:         10px 10px 10px 10px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-chrome-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-khtml-box-shadow:  0px 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow:    0px 1px 3px rgba(0,0,0, .4);
	-ms-box-shadow:     0px 1px 3px rgba(0,0,0, .4);
	-o-box-shadow:      0px 1px 3px rgba(0,0,0, .4);
	box-shadow:         0px 1px 3px rgba(0,0,0, .4);
}

#pagination p a span, #pagination p span, #pagination p label, 
#paginationform fieldset input.button-submit, #paginationform fieldset legend {
	display:block;
}

#pagination p {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
}

#pagination p.newer {
	
}

#pagination p.older {
	margin-left: 10px;
}

html.ie #pagination p a {
	filter: alpha(opacity = 50); /* IE 5-7 hack */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 hack */
}

html.ie #pagination p a:hover, html.ie #pagination p a:active, html.ie #pagination p a:focus {
	filter: alpha(opacity = 100); /* IE 5-7 hack */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */
}

#pagination p a {
	display: block;
	float: left;
	opacity: 0.5;
	margin-top: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	color:#FFFFFF;
	font-weight:bold
}

#pagination p.newer a {

}

#pagination p.older a {

}

#pagination p a:hover, #pagination p a:active, #pagination p a:focus {
	opacity: 1;
}

#paginationform {
	float: left;
	text-align: center;
	margin-top: 3px;
}

#p {
	-webkit-appearance: none;
	background: transparent;
	color: #666;
	border: none;
	text-align: center;
	width: 30px;
	height: 20px;
	margin: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-tap-highlight-color: transparent;
}

#p::-webkit-inner-spin-button,
#p::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

/*
#p::-webkit-inner-spin-button,
#p::-webkit-outer-spin-button,
#p::-chrome-inner-spin-button,
#p::-chrome-outer-spin-button,
#p::-khtml-inner-spin-button,
#p::-khtml-outer-spin-button,
#p::-moz-inner-spin-button,
#p::-moz-outer-spin-button,
#p::-ms-inner-spin-button,
#p::-ms-outer-spin-button,
#p::-o-inner-spin-button,
#p::-o-outer-spin-button,
#p::inner-spin-button,
#p::outer-spin-button {
	-webkit-appearance: none;
	-chrome-appearance: none;
	-khtml-appearance:  none;
	-moz-appearance:    none;
	-ms-appearance:     none;
	-o-appearance:      none;
	-appearance:        none;
}
*/	
#p:hover, #p:active, #p:focus {
	color: #ccc;
}

#p:active, #p:focus {
	color: #ccc;
	background: rgba(34,34,34, .8);
}



/* content:wordpress-plugins */

#content article p img {
	margin: 10px 0px 10px 0px;
}




div.wp-polls {
	margin-top: 100px;
	width: 80%;
	margin: 0px auto;
}

form.wp-polls-form {
	
}

div.wp-polls-ans {
	
}

ul.wp-polls-ul {
	
}

ul.wp-polls-ul li {
	
}

ul.wp-polls-ul li input[type="radio"] {
	
}

ul.wp-polls-ul li label {
	
}

div.wp-polls-ans p input[type="button"] {
	-webkit-appearance: none;
	color: #4f1730;
	background-color: transparent;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	cursor: pointer;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
}

div.wp-polls-ans p input[type="button"]:hover,
div.wp-polls-ans p input[type="button"]:active,
div.wp-polls-ans p input[type="button"]:focus {
	background: #4f1730;
	color: #fff;
	border: 1px solid #dadada;
	-webkit-transition: all 0.3s ease-in-out;
}

div.pollbar {
	background: #7f1947 !important;
}












div.gallery, dl.gallery-item, dt.gallery-icon, dt.gallery-icon a, img.attachment-thumbnail {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	display: block;
}

div.gallery {
	
}

dl.gallery-item {
	
}

dt.gallery-icon {
	
}

dt.gallery-icon a {
	
}

img.attachment-thumbnail {
	
}






.video {
	margin:  20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
}

.video p.link {
	display: none;
}

img.poster {
	border: 1px solid #ccc;
}

.video:before {
	position: relative;
	z-index: 200;
	top: 27px;
	margin-right: 0px;
	margin-bottom: -69px;
	float: right;
	content: "";
	display: block;
	width: 69px;
	height: 69px;
	background: url(./images/video-overlay.png) no-repeat 0px 0px;
}

span.play {
	display: inline-block;
	position: relative;
	z-index: 220;
	top: 0px;
	margin-bottom: -138px;
	width:  128px;
	height: 128px;
	background: url(./images/video-play.png) no-repeat 50% 50%;
}


.te_top, .te_bottom, .te_left, .te_right {
	display: none;
}

.te_content iframe {
	background: #000;
	margin: 0px 3px 0px 3px !important;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0, 1.0);
	-chrome-box-shadow: 0px 0px 20px rgba(0,0,0, 1.0);
	-khtml-box-shadow:  0px 0px 20px rgba(0,0,0, 1.0);
	-moz-box-shadow:    0px 0px 20px rgba(0,0,0, 1.0);
	-ms-box-shadow:     0px 0px 20px rgba(0,0,0, 1.0);
	-o-box-shadow:      0px 0px 20px rgba(0,0,0, 1.0);
	box-shadow:         0px 0px 20px rgba(0,0,0, 1.0);
}

.te_close_link {
	display: block !important;
	position: absolute !important;
	z-index: 1000 !important;
	top:   -20px !important;
	right: -20px !important;
}


/*.video p.poster a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.video p.poster, .video p.poster a img.play {
	display: inline-block;
	line-height: 0px;
}

.video p.poster a img.play {
	margin: 0px auto;
	width:  128px;
	height: 128px;
}*/

/*
.video {
	margin: 20px 0px 20px 0px;
}

.video-youtube iframe, .video-vimeo iframe {
	width:  610px;
	height: 343px;
}

.video p {
	display: none;
}

.video:before {
	position: relative;
	z-index: 200;
	top: 3px;
	margin-right: -7px;
	margin-bottom: -69px;
	float: right;
	content: "";
	display: block;
	width: 69px;
	height: 69px;
	background: #00f;
	background: url(./images/video-overlay.png) no-repeat 0px 0px;
}
*/




/* content:comments */

div#respond h3 {
	margin-top: 0px;
}

#commentform  {
	margin-top: 22px;
	font-size: 12px;
}

#commentform p label {
	font-size: 16px;
	line-height: 20px;
	color: #111;
}

#commentform p input[type="text"] {
	-webkit-transition: all 0.3s ease-in-out;
	width: 300px;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	background: #f5f5f5;
	color: #000;
	border: 1px solid #e0e0e0;
	font-size: 12px;
	line-height: 18px;
}

#commentform p textarea {
	-webkit-transition: all 0.3s ease-in-out;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	width: 590px;
	height: 182px;
	background: #f5f5f5;
	color: #000;
	border: 1px solid #e0e0e0;
	font-size: 12px;
	line-height: 18px;
}

#commentform p input[type="text"]:focus, 
#commentform p textarea:focus {
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
}

#commentform p input[type="submit"] {
	-webkit-appearance: none;
	color: #4f1730;
	background-color: transparent;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	cursor: pointer;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
}

#commentform p input[type="submit"]:hover,
#commentform p input[type="submit"]:active, 
#commentform p input[type="submit"]:focus {
	background: #4f1730;
	color: #fff;
	border: 1px solid #dadada;
	-webkit-transition: all 0.3s ease-in-out;
}

#comments {
	margin-left: 40px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}

/*
ol.commentlist {
	list-style-type: none;
}

div.comment-author img {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0px;
	padding: 0px;
}

div.comment-author cite, div.comment-author span {
	display: inline-block;
	line-height: 18px;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -18px;
	left: 4px;
	margin-bottom: -20px;
}

div.comment-author cite {
	font-weight: bold;
}

div.comment-meta {
	font-size: 10px;
	line-height: 14px;
	font-style: normal;
	position: relative;
	top: -20px;
	left: 40px;
	margin-bottom: -10px;
}

div.comment-body p {
	font-size: 14px;
	line-height: 22px;
	margin: 0px 20px 5px 38px;
}

ul.children {
	list-style-type: none;
}

li.depth-1 {
	margin-left:  0px;
}

li.depth-2, li.depth-3, li.depth-4, li.depth-5 {
	margin-left: 36px;
}

div.reply {
	margin: 0px 0px 44px 38px;
	font-size: 10px;
	line-height: 14px;
}
*/

/* comments:bubbles */

#comments {
	text-align: center;
	margin: 100px 140px 44px 0px;
	display: none;
}

ol.commentlist, ul.children {
	list-style-type: none;
	background: transparent;
	border: none;
	margin:  0;
	padding: 0;
	-webkit-box-shadow: none;
	-chrome-box-shadow: none;
	-khtml-box-shadow:  none;
	-moz-box-shadow:    none;
	-ms-box-shadow:     none;
	-o-box-shadow:      none;
	box-shadow:         none;
}

ol.commentlist {
	position: relative;
	left: 20px;
	color: #666;
	margin-top: -60px;
	padding: 100px 0px 30px 20px;
}

div.comment-author img {
	display: none;
}

div.comment-author cite {
	font-style: normal;
	font-weight: bold;
}

span.says {
	display: none;
}

div.comment-author, div.comment-meta {
	position: relative;
	top:  -22px;
	left:  0px;
	display: block;
	font-size: 12px;
	line-height: 22px;
}

div.comment-author {
	width: 50%;
	z-index: 10;
}

div.comment-meta {
	z-index: 5;
	top: -44px;
	text-align: right;
	margin-left: 22px;
	margin-bottom: -22px;
}

div.comment-author a {
	color: #444;
}

div.comment-meta a {
	color: #888;
}

div.reply {
	position: relative;
	top:  10px;
	left: 0px;
	font-size:   12px;
	line-height: 12px;
	margin-bottom: -40px;
}

div.comment-body {
	padding: 0px 20px 30px 20px;
	background: #fff;
	border: 1px solid #fff;
	margin-bottom: 66px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-chrome-box-shadow: 0px 1px 3px rgba(0,0,0, .4);
	-khtml-box-shadow:  0px 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow:    0px 1px 3px rgba(0,0,0, .4);
	-ms-box-shadow:     0px 1px 3px rgba(0,0,0, .4);
	-o-box-shadow:      0px 1px 3px rgba(0,0,0, .4);
	box-shadow:         0px 1px 3px rgba(0,0,0, .4);
	-webkit-border-radius: 10px;
	-chrome-border-radius: 10px;
	-khtml-border-radius:  10px;
	-moz-border-radius:    10px;
	-ms-border-radius:     10px;
	-o-border-radius:      10px;
	border-radius:         10px;
}

div.comment-body p {
	position: relative;
	top: -7px;
}


li.depth-1 {
	margin-left:  0px;
}

li.depth-2, li.depth-3, li.depth-4, li.depth-5 {
	margin-left: 36px;
}

/* behind the scenes */

p.staff-image, p.staff-image a, p.staff-image a img {
	display: block;
	line-height: 0px;
	padding: 0px;
	margin:  0px;
}

p.staff-image {
	float: right;
	margin-left: 20px;
	height: 200px;
}

p.staff-image a {
	border: 1px solid #ddd;
	width:  134px;
	height: 134px;
}

p.staff-image a img {
	border: 3px solid #fff;
	width:  128px;
	height: 128px;
	position: relative;
	top: -10px;
}

p.staff-description {
	min-height: 200px;
}

div.staff-title {
	float: right;
	width: 150px;
	margin-left: 20px;
}

h4.staff-name {
	margin-top: 0px;
}

h4.staff-name span.staff-nickname, h4.staff-name span.staff-aka {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}

h4.staff-name span.staff-nickname {
	display: block;
}

p.staff-job {
	
}

p.staff-url {
	
}

p.staff-facebook {
	
}

p.staff-twitter {
	
}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

/* advertisement */

.advertisement-skyscraper {
	display: none;
}

.advertisement-normal {
	display: block;
}

.advertisement-mobile {
	display: none;
}



p.mobile-top {
	display: block;
}

} /* 768px */



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
#content *{ max-width:280px; height:auto}
/* advertisement */

.advertisement-skyscraper {
	display: none;
}

.advertisement-normal {
	display: none;
}

.advertisement-mobile {
	display: block;
	position: relative;
	left: -10px;
	margin: -40px 0px 80px 0px;
}



.mobile-break {
	line-height: 1px;
	font-size: 1px;
	margin-top: -1px;
	visibility: hidden;
	display: block;
	clear: both;
}

.mobile-hidden {
	visibility: hidden;
}

p.mobile-top {
	display: block;
}

img {
	max-width: 280px; height:auto
}

#header-main, #footer-main, #content {
	width: 300px; /* 320 - padding 0 0 0 0 */
	margin: 0px auto;
}

#content {

}


#searchform fieldset input[type="search"],
#searchform fieldset input[type="text"] {
	width: 260px;
}

#header-main ul {
	margin-right:10px;
}

#header-main ul li {
}

#footer-main {
	width: 300px;
	padding: 10px;
}

#footer-main p {
	font-size: 12px;
	line-height: 18px;
}

p.footer-copyright {
	margin-bottom: 0px;
}

#content article, div#respond, ol.commentlist {
	width: 280px;
	padding: 10px 10px 10px 10px;
}

#content article {

}

#pagination {
	margin-top: 0px;
}

.error {
	margin-bottom: 60px;
}

#content article div {
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
}

#content article header h2 {
	margin-bottom: 0px;
	font-size: 22px;
	line-height: 28px;
}

#content article footer {
	top: 70px;
	font-size: 12px;
	line-height: 18px;
}

#content article.page {
	width: 280px;
	margin-top: -60px;
}

#content article.page address {
	font-size: 11px;
	line-height: 22px;
}

#content article.page address span {
	width: 18em;
}

p.social {float:left;
	width:  200px;
	height: 40px;
	padding: 5px 5px 0px 5px;
	margin-bottom: -47px;
	top:  -57px;
	left: 53px;
}

p.social a, p.social a:link, 
p.social a:visited, p.social a:hover,
p.social a:active, p.social a:focus {
	float: left;
}

/*
div.gallery {
	
}

dl.gallery-item {
	margin-bottom: 0px;
}

dt.gallery-icon {
	
}

img.attachment-thumbnail {
	width:  90px;
	height: 90px;
}
*/


.video {
	padding-bottom: 20px;
}


/*
.video-youtube iframe, .video-vimeo iframe {
	width:  280px;
	height: 158px;
}

.video p {
	font-size: 10px;
}
*/

ol.commentlist {
	margin-bottom: 60px;
}

div#respond {
	margin-bottom: 0px;
}

div#respond h3 {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: -10px;
}

#commentform p label {
	width: 300px;
	position: relative;
	left: 5px;
	top: -30px;
}

#commentform p input[type="text"] {
	width: 265px;
	height: 22px;
	position: relative;
	left: 0px;
	top: 22px;
}

#commentform p textarea {
	margin-top: 20px;
	width: 270px;
}

div.comment-body p {
	font-size: 12px;
	line-height: 18px;
}

#comments {
	margin-left: 10px;
	margin-bottom: -25px;
}

li.depth-2, li.depth-3, li.depth-4, li.depth-5 {
	margin-left: 10px;
}

#content article div {
	margin-bottom: -30px;
}

a.more-link, a.more-link:link, a.more-link:visited, 
a.more-link:hover, a.more-link:active, a.more-link:focus {
	margin-bottom: 0px;
}


/* comments:bubbles */

ol.commentlist {
	left: 0px;
}

span.heart-thankyou {
	top: -10px;
	margin-bottom: -24px;
	left: 13px;
	margin-left: -64px;
	float: left;
}

/*
.video:before {
	top: 3px;
	margin-right: 0px;
}
*/

/* behind the scenes */
/*
p.staff-image a {
	width:  70px;
	height: 70px;
}

p.staff-image a img {
	width:  64px;
	height: 64px;

}

p.staff-image {
	float: none;
	margin-left: 0px;
	height: 80px;
}

div.staff-title {
	min-height: 80px !important;
	float: right;
	margin-right: 35px;
}


p.staff-description {
	min-height: 44px !important;
	float: none;
	margin-bottom: 22px;
}

h4.staff-name, p.staff-job {
	float: none;
	margin: 0px;	
}

*/

p.staff-image {
	float: none;
	margin-left: 0px;
	width: 110px;
	height: 110px;
}

p.staff-image a {
	width:  102px;
	height: 102px;
}

p.staff-image a img {
	width:  96px;
	height: 96px;
}

div.staff-title {
	min-height: 80px !important;
	margin-left: -10px;
	margin-right: 10px;
}

p.staff-description {
	min-height: 44px !important;
	float: none;
	margin-bottom: 22px;
}

h4.staff-name, p.staff-job {
	float: none;
	margin: 0px;	
}

} /* 320px */



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

/* advertisement */
#content *{ max-width:440px; height:auto}

.advertisement-skyscraper {
	display: none;
}

.advertisement-normal {
	display: none;
}

.advertisement-mobile {
	display: block;
}




p.mobile-top {
	display: block;
}

img {
	max-width: 430px;
}

#header-main, #footer-main, #content {
	width: 460px; /* 480 - padding 0 10 0 10 */
	margin: 0px auto;
}

#searchform fieldset input[type="search"],
#searchform fieldset input[type="text"] {
	width: 11em;
}

#content article, div#respond, ol.commentlist {
	width: 428px;
	padding: 15px;
}

#content article footer {
	top: 70px;
}

#content article.page {
	width: 450px;
	margin-top: 0px;
}

#commentform p input[type="text"] {
	width: 410px;
}

#commentform p textarea {
	width: 410px;
}

p.social {
	width:  200px;
	height: 40px;
	padding: 5px 5px 0px 5px;
	margin-bottom: -47px;
	top:  -62px;
	left: 203px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-chrome-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius:  10px 10px 0px 0px;
	-moz-border-radius:    10px 10px 0px 0px;
	-ms-border-radius:     10px 10px 0px 0px;
	-o-border-radius:      10px 10px 0px 0px;
	border-radius:         10px 10px 0px 0px;
}

p.social a, p.social a:link, 
p.social a:visited, p.social a:hover,
p.social a:active, p.social a:focus {
	float: left;
}

/*
.video-youtube iframe, .video-vimeo iframe {
	width:  428px;
	height: 241px;
}

.video p {
	font-size: 12px;
}
*/

/* behind the scenes */

p.staff-image a {
	width:  102px;
	height: 102px;
}

p.staff-image a img {
	width:  96px;
	height: 96px;
}

p.staff-image {
	width: 110px;
	height: 110px;
}

div.staff-title {
	margin-right: 170px;
}

} /* 480px */



@media print {

/* http://de.html5boilerplate.com/ */
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }
pre, blockquote { border-left: 2px solid #999; padding-left: 12pt; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.gigantic      { font-size:  24pt; line-height:  32pt; letter-spacing: -2pt; }
.huge,   h1    { font-size:  22pt; line-height:  28pt; letter-spacing: -1pt; }
.large,  h2    { font-size:  18pt; line-height:  24pt; }
.bigger, h3    { font-size:  16pt; line-height:  20pt; }
.big,    h4    { font-size:  12pt; line-height:  18pt; }
.normal, p     { font-size:  10pt; line-height:  18pt; }
.small,  small { font-size:   8pt; line-height:  14pt; }

blockquote {
	font-style: italic;
}

#content article header h2 a:after, .video p a:after, 
a[rel~="tag"]:after, div.comment-meta a:after {
	content: "";
}

a.more-link:after {
	content: ": http://swabble.me" attr(href) "";
}

/*
.video, .video p {
	display: block;
}

.video-youtube iframe, .video-vimeo iframe {
	border: 1px solid #444;
}
*/

.no-print, #header-main, #content article aside, #pagination, 
.footer-links, .footer-social, #respond, div.reply, .advertisement {
	display: none;
}

#header-main, #footer-main, #content {
	border: none;
	width: 90%;
	margin: 0pt auto;
}

#content article, #content article div, ol.commentlist {
	page-break-inside: avoid;
	border: none;
	margin:  0;
	padding: 0;
	-webkit-box-shadow: none;
	-chrome-box-shadow: none;
	-khtml-box-shadow:  none;
	-moz-box-shadow:    none;
	-ms-box-shadow:     none;
	-o-box-shadow:      none;
	box-shadow:         none;
}

#comments {
	page-break-before: always;
	margin: 3cm 0cm 1cm 0cm;
	padding: 0;
	display: block;
}

div.comment-body p {
	font-size: 10pt;
	line-height: 18pt;
}

} /* print */
